@import "./mixin.scss";
@import "./transition.scss";
@import "./element-plus.scss";
@import "./sidebar.scss";
@import "./dark.scss";

/* 自定义全局 CssVar */
:root {
  --pure-transition-duration: 0.016s;
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}

.main {
  min-height: calc(100vh - 134px);
  box-sizing: border-box;
  overflow-x: hidden;

  .part {
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    background: white;
    box-sizing: border-box;

    &.single {
      min-height: calc(100vh - 134px);
    }

    .p-title {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .more {
        color: #666;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        align-items: center;
      }

      .title {
        display: flex;
        align-items: center;
      }
    }

    .title {
      font-size: 18px;
      font-weight: bold;
      color: #333;
    }

    .p-cont {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  }
}

.green {
  color: #00a870;
}

.red {
  color: #e54d59;
}

span svg,
a svg {
  vertical-align: bottom;
}

.el-table .cell {
  padding: 0px 12px;
}

.active .question-icon {
  color: white !important;
}

.cursor-text {
  cursor: text;
}

.tooltip-popper {
  width: 420px;
  font-size: 14px;
  color: #333;
  box-shadow: 0px 1px 10px #bbb;
  padding: 20px;

  span {
    display: block;

    p {
      margin-bottom: 20px;
      line-height: 2;
      font-size: 14px;

      &:last-child {
        margin-bottom: 0px;
      }
    }
  }
}

.ck-editor {
  width: 100% !important;
}
.dialog-detail,
.main-sscontent {
  a[href] {
    color: blue !important;
    text-decoration: underline !important;
  }
}
.el-dialog {
  min-width: 800px;
}

.mt20 {
  margin-top: 20px;
}
